<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Element节点</title>
</head>
<style>
    .demo {
        padding: 100px;
        background: #900;
    }
</style>
<body>
    <div>123</div>
</body>
<script>
    var div = document.getElementsByTagName('div')[0];

    // Element 节点的一些属性
    div.innerHTML = '456';
    div.innerHTML += '789';

    // innerText (老版本火狐不兼容)
    div.innerText = '123';

    // Element 节点的一些方法
    div.setAttribute('class', 'demo');
    div.getAttribute('class');

    // 简便写法
    div.className = 'demo';
    div.id = 'demo';
</script>
</html>
